$(document).ready(function () {
    start();
});

//Het inschuivden (de animatie zelf) duurt 1,5 seconden
//Na 5 seconden zal de afbeeldingen vervangen worden door de volgende afbeelding in de reeks
function start() {
    setInterval(function () {
        $("#carousel ul").animate({ 'margin-left': '-100%' }, 1500, function () {
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({ marginLeft: 0 });
        })
    }, 5000);
}

//stop de animatie overvang
function stopAn() {
    $("#carousel ul").clearQueue();
    $("#carousel ul").stop();
}

//pauzeer de overvang wanneer er met de muis over wordt gegaan
// na 5 seconden zal er terug verder gegaan worden (door setInterval(functie()..., 7000)  )
$("#carousel ul")
    .on("mouseenter", function () {
        stopAn();
    });